.dashboard-container {
  padding: 24px;
}

.stat-trend {
  font-size: 14px;
  margin-left: 8px;
}

.ant-card {
  height: 100%;
}

.ant-statistic {
  text-align: center;
}

.ant-statistic-title {
  font-size: 16px;
  margin-bottom: 16px;
}

.ant-statistic-content {
  font-size: 24px;
}

.chart-card {
  margin-bottom: 24px;
}

.chart-card .ant-card-head {
  border-bottom: none;
}

.announcement-form {
  margin-top: 16px;
}

@media (max-width: 768px) {
  .dashboard-container {
    padding: 16px;
  }

  .ant-card {
    margin-bottom: 16px;
  }

  .ant-statistic-title {
    font-size: 14px;
  }

  .ant-statistic-content {
    font-size: 20px;
  }
}